.match {
    position: absolute;
    left: 0px;
    top: 20px;
    width: 375px;
    height: 45px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    text-align: center;
    box-shadow: 0px 1px 0px 0px rgba(143, 172, 176, 0.23);
    font-family: Roboto;

    .match-title {
        position: absolute;
        left: 16px;
        top: 12px;
        width: 30px;
        height: 20px;
        line-height: 20px;
        color: rgb(16, 16, 16);
        font-size: 14px;
        text-align: left;
        font-family: PingFangSC-regular;
    }
}

.con1 {
    position: absolute;
    left: 0px;
    top: 66px;
    width: 375px;
    min-height: 2055px;
    background: #e9eaf9;
    // border: 1px solid black;
    .con11 {
        position: absolute;
        left: 0px;
        top: 15px;
        width: 375px;
        height: 170px;
        line-height: 20px;
        background-color: rgba(255, 255, 255, 1);
        color: rgba(16, 16, 16, 1);
        font-size: 14px;
        text-align: center;
        font-family: Roboto;
        // border: 1px solid rgba(187,187,187,1);

        .con111 {
            position: absolute;
            top: 12px;
            left: 0.5px;
            width: 171px;
            height: 148px;
            line-height: 20px;
            border-radius: 5px;
            background-color: rgba(104, 177, 249, 0.19);
            color: rgba(16, 16, 16, 1);
            font-size: 14px;
            text-align: center;
            font-family: Roboto;
            border: 2px solid rgba(104, 177, 249, 1);
            margin-left: 5px;
            text-align: center;

            .con1111 {
                position: absolute;
                left: 35px;
                top: 10px;
                width: 120px;
                height: 20px;
                line-height: 20px;
                color: rgb(19, 128, 236);
                font-size: 18px;
                text-align: left;
                font-family: FZYuan-regular;
            }


            .con1111img1 {
                position: absolute;
                left: 14px;
                top: 40px;
                width: 70px;
                height: 76px;
                border-radius: 5px;
                background-color: rgba(240, 240, 240, 1);
            }

            .con1111img2 {
                position: absolute;
                left: 90px;
                top: 40px;
                width: 70px;
                height: 76px;
                border-radius: 5px;
                background-color: rgba(240, 240, 240, 1);
            }

            .con1112 {
                position: absolute;
                left: 20px;
                top: 130px;
                width: 87px;
                height: 14px;
                line-height: 14px;
                color: rgb(16, 16, 16);
                font-size: 12px;
                text-align: left;
                font-family: Roboto-regular;
            }

            .con1113 {
                position: absolute;
                top: 128px;
                left: 142px;
                width: 22px;
                height: 20px;
                line-height: 20px;
                color: rgba(18, 128, 234, 1);
                font-size: 14px;
                text-align: left;
                font-family: PingFangSC-regular;
            }

            .con1114 {
                position: absolute;
                top: 128px;
                left: 163px;
                width: 10px;
                height: 10px;

                // background-color: rgba(18, 128, 234, 1);
                img {
                    width: 10px;
                    height: 10px;
                }
            }


        }

        .con111_ {
            position: absolute;
            top: 12px;
            left: 188px;
            width: 171px;
            height: 148px;
            line-height: 20px;
            border-radius: 5px;
            background-color: rgba(242, 195, 195, 1);
            color: rgba(16, 16, 16, 1);
            font-size: 14px;
            text-align: center;
            font-family: Roboto;
            border: 2px solid rgba(240, 142, 142, 1);
            margin-left: 5px;
            text-align: center;

            .con1111_ {
                position: absolute;
                left: 35px;
                top: 10px;
                width: 120px;
                height: 20px;
                line-height: 20px;
                color: rgb(233,75,108);
                font-size: 18px;
                text-align: left;
                font-family: FZYuan-regular;
            }


            .con1111img1_ {
                position: absolute;
                left: 14px;
                top: 40px;
                width: 70px;
                height: 76px;
                border-radius: 5px;
                background-color: rgba(240, 240, 240, 1);
            }

            .con1111img2_ {
                position: absolute;
                left: 90px;
                top: 40px;
                width: 70px;
                height: 76px;
                border-radius: 5px;
                background-color: rgba(240, 240, 240, 1);
            }

            .con1112_ {
                position: absolute;
                left: 20px;
                top: 130px;
                width: 87px;
                height: 14px;
                line-height: 14px;
                color: rgb(16, 16, 16);
                font-size: 12px;
                text-align: left;
                font-family: Roboto-regular;
            }

            .con1113_ {
                position: absolute;
                top: 128px;
                left: 142px;
                width: 22px;
                height: 20px;
                line-height: 20px;
                color: rgb(233,75,108);
                font-size: 14px;
                text-align: left;
                font-family: PingFangSC-regular;
            }

            .con1114_ {
                position: absolute;
                top: 128px;
                left: 163px;
                width: 10px;
                height: 10px;

                // background-color: rgba(18, 128, 234, 1);
                img {
                    width: 10px;
                    height: 10px;
                }
            }


            .con112 {
                width: 171px;
                height: 148px;
                line-height: 20px;
                border-radius: 5px;
                background-color: rgba(242, 195, 195, 1);
                color: rgba(16, 16, 16, 1);
                font-size: 14px;
                text-align: center;
                font-family: Roboto;
                border: 2px solid rgba(240, 142, 142, 1);
            }
        }
    }

    .con_img {
        width: 373px;
        height: 109px;
        // border: 1px solid black;
        position: absolute;
        top: 180px;
        left: 0px;

        .con_img_img {
            width: 375px;
        }
    }

    .referee {
        width: 362px;
        min-height: 192px;
        // border: 1px solid black;
        position: absolute;
        top: 291px;
        left: 6px;
        border-radius: 6px;
        background-color: white;
        margin-bottom: 10px;
        .referee_tj {
            position: absolute;
            left: 12px;
            top: 12px;
            width: 60px;
            height: 20px;
            line-height: 20px;
            color: rgb(16, 16, 16);
            font-size: 14px;
            text-align: left;
            font-family: PingFangSC-bold;
        }

        .referee_btn {
            position: absolute;
            left: 285px;
            top: 10px;
            width: 61px;
            height: 23px;
            line-height: 20px;
            border-radius: 4px;
            background-color: rgba(255, 255, 255, 1);
            color: rgba(232, 83, 83, 1);
            font-size: 10px;
            text-align: center;
            font-family: Microsoft Yahei;
            border: 1px solid rgba(187, 187, 187, 1);
        }

        .referee_lb {
            position: absolute;
            left: 0px;
            top: 42px;
            width: 362px;
            height: 155px;
            // border: 1px solid black;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;

            .referee_lb_item {
                width: 155px;
                margin: 0px 5px;

                .referee_lb_item_img {
                    width: 156px;
                    height: 82px;

                    .referee_lb_item_img1 {
                        width: 156px;
                        height: 82px;
                    }
                }

                .referee_lb_item_tx {
                    position: absolute;
                    top: 90px;
                    min-width: 155px;
                    font-size: 14px;
                }

                .referee_lb_item_txt {
                    width: 155px;
                    text-align: center;
                    // display: flex;
                    // justify-content: space-around;
                    position: absolute;
                    top: 115px;

                    .referee_lb_item_txt1 {
                        display: inline-block;
                        color: #ce5f41;
                        font-size: 14px;
                        margin: 0px 5px;
                    }

                    .referee_lb_item_txt2 {
                        margin: 0px 5px;
                        display: inline-block;
                        color: #e9eaf9;
                        border-radius: 10px;
                        background-color: #0eb6ff;
                        font-size: 14px;
                        border-radius: 25px;
                        width: 20px;
                        height: 20px;
                    }
                }
            }
        }

        .referee_lb::-webkit-scrollbar {
            display: none;
        }

    }

    .sx {
        width: 362px;
        height: 483px;
        position: absolute;
        top: 486px;
        left: 6px;
        // border: 1px solid black;
        border-radius: 5px;
        background-color: white;

        .sxone {
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: space-around;
            text-align: center;

            .sxone1 {

                width: 32px;
                height: 22px;
                line-height: 22px;
                color: rgb(14, 182, 255);
                font-size: 16px;
                text-align: left;
                font-family: PingFangSC-regular;
                margin-top: 8px;

            }

            .sxone2 {
                width: 63px;
                height: 17px;
                line-height: 17px;
                color: rgba(255, 255, 255, 1);
                font-size: 12px;
                text-align: center;
                font-family: PingFangSC-regular;
                border: 0px;
                border-radius: 10px;
                background-color: #0eb6ff;
                margin-top: 5px;
            }

            .sxone1s {

                width: 32px;
                height: 22px;
                line-height: 22px;
                color: black;
                font-size: 16px;
                text-align: left;
                font-family: PingFangSC-regular;
                margin-top: 8px;
            }

            .sxone2s {
                width: 63px;
                height: 17px;
                line-height: 17px;
                color: #9d9e9d;
                font-size: 12px;
                text-align: center;
                font-family: PingFangSC-regular;
                border: 0px;
                border-radius: 10px;
                background-color: white;
                margin-top: 5px;
            }
        }

        .sxtwo_item {
            width: 351px;
            height: 131px;
            // border: 1px solid black;
            margin-left: 6px;
            margin-top: 13px;
            position: relative;

            .sxtwo_item_img {
                width: 93px;
                height: 80px;
                position: absolute;
                top: 25px;
                left: 10px;
                // border: 1px solid red;
            }

            .sxtwo_item_tx1 {
                min-width: 100px;
                height: 20px;
                line-height: 20px;
                color: rgb(16, 16, 16);
                font-size: 14px;
                text-align: left;
                font-family: PingFangSC-regular;
                position: absolute;
                top: 12px;
                left: 115px;
            }

            .sxtwo_item_tx2 {
                position: absolute;
                top: 37px;
                left: 115px;
                width: 65px;
                height: 18px;
                line-height: 17px;
                border-radius: 5px;
                background-color: rgba(255, 255, 255, 1);
                color: rgba(206, 95, 65, 1);
                font-size: 12px;
                text-align: center;
                font-family: Roboto;
                border: 1px solid rgba(206, 95, 65, 1);
            }

            .sxtwo_item_tx3 {
                width: 170px;
                height: 39px;
                position: absolute;
                top: 60px;
                left: 114px;
                line-height: 17px;
                border-radius: 5px;
                background-color: rgba(255, 255, 255, 1);
                color: rgba(157, 158, 157, 1);
                font-size: 12px;
                text-align: left;
                font-family: Roboto;
                border: 1px solid rgba(157, 158, 157, 1);
            }

            .sxtwo_item_tx4 {
                position: absolute;
                top: 102px;
                left: 115px;
                width: 74px;
                height: 17px;
                line-height: 17px;
                color: rgb(157, 158, 157);
                font-size: 12px;
                text-align: left;
                font-family: PingFangSC-regular;

            }

            .sxtwo_item_go {
                position: absolute;
                top: 51px;
                left: 300px;
                width: 43px;
                height: 43px;
                line-height: 20px;
                background-color: rgba(14, 182, 255, 1);
                color: rgba(16, 16, 16, 1);
                font-size: 14px;
                text-align: center;
                font-family: Roboto;
                border-radius: 25px;
            }

            .sxtwo_item_go1 {
                width: 31px;
                height: 28px;
                line-height: 28px;
                color: rgba(246, 247, 249, 1);
                font-size: 20px;
                text-align: left;
                font-family: PingFangSC-regular;
                position: absolute;
                top: 8px;
                left: 7px;
            }
        }
    }

    .lsgy {
        width: 363px;
        height: 115px;
        position: absolute;
        top: 497px;
        left: 0px;

        .lsgy_img {
            width: 363px;
            height: 115px;
        }
    }

    .sszb {
        width: 360px;
        height: 45px;
        position: absolute;
        top: 620px;
        left: 4px;
        line-height: 20px;
        background-color: rgba(234, 84, 4, 1);
        color: rgba(16, 16, 16, 1);
        font-size: 14px;
        text-align: center;
        font-family: Roboto;

        .sszb_one {
            min-width: 64px;
            height: 24px;
            line-height: 24px;
            color: rgb(249, 249, 249);
            font-size: 16px;
            text-align: left;
            font-family: SourceHanSansSC-regular;
            position: absolute;
            top: 12px;
            left: 11px;
        }

        .sszb_two {
            min-width: 132px;
            height: 19px;
            line-height: 19px;
            color: rgb(249, 249, 249);
            font-size: 12px;
            text-align: left;
            font-family: SourceHanSansSC-regular;
            position: absolute;
            top: 17px;
            left: 79px;
        }

        .sszb_three {
            min-width: 22px;
            height: 22px;
            line-height: 19px;
            color: rgba(247, 243, 243, 1);
            font-size: 12px;
            text-align: left;
            font-family: SourceHanSansSC-regular;
            position: absolute;
            top: 14px;
            left: 310px;
        }

        .sszb_four {
            width: 22px;
            height: 22px;
            color: white;
            background-color: #03EA5404;
            position: absolute;
            top: 11px;
            left: 329px;
            font-size: 16px;
        }
    }

    .zb {
        position: absolute;
        top: 670px;
        left: 0px;
        width: 360px;
        height: 359px;
        line-height: 20px;
        border-radius: 4px;
        background-color: rgba(255, 255, 255, 1);
        color: rgba(16, 16, 16, 1);
        font-size: 14px;
        text-align: center;
        font-family: Roboto;

        .zbz {
            position: absolute;
            top: 5px;
            left: 1px;
            width: 114px;
            height: 34px;
            background-color: #ff0000;
            border-radius: 0px 20px 20px 0px;
            background-image: url('./img/14.png');
            z-index: 9999;
            .zbz_one_img {
                width: 114px;
                z-index: 9999;
            }

            .zbz_one {
                position: absolute;
                top: 5px;
                left: 25px;
                min-width: 39px;
                height: 18px;
                line-height: 20px;
                color: rgba(251, 251, 251, 1);
                font-size: 14px;
                text-align: left;
                font-family: SourceHanSansSC-regular;
                z-index: 1000;
            }

            
        }
        .zbz_two {
            position: absolute;
            top: 13px;
            left: 35px;
            width: 297px;
            // height: 233px;
            background-color: rgba(255, 255, 255, 1);

            .zbz_two_img {
                width: 297px;
                height: 233px;
            }
        }
        .zbz_two_one {
            min-width: 192px;
            height: 24px;
            line-height: 24px;
            color: rgb(16, 16, 16);
            font-size: 16px;
            text-align: left;
            font-family: SourceHanSansSC-bold;
            position: absolute;
            top: 272px;
            left: 17px;
        }

        .zbz_two_two {
            min-width: 84px;
            height: 19px;
            line-height: 19px;
            color: rgba(189, 182, 182, 1);
            font-size: 12px;
            text-align: left;
            font-family: SourceHanSansSC-regular;
            position: absolute;
            top: 296px;
            left: 123px;
        }

        .zbz_two_three {
            width: 91px;
            height: 34px;
            line-height: 32px;
            border-radius: 20px;
            background-color: rgba(255, 9, 9, 1);
            color: rgba(249, 249, 249, 1);
            font-size: 14px;
            text-align: center;
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
            font-family: Roboto;
            position: absolute;
            top: 267px;
            left: 257px;
        }

        .zbz_two_four {
            width: 208px;
            height: 34px;
            background-color: rgba(255, 255, 255, 1);
            position: absolute;
            top: 321px;
            left: 9px;
        }

        .dxss {
            position: absolute;
            left: 0px;
            top: 366px;
            width: 362px;
            height: 447px;
            line-height: 20px;
            border-radius: 12px;
            background-color: rgba(255, 255, 255, 1);
            color: rgba(16, 16, 16, 1);
            font-size: 14px;
            text-align: center;
            font-family: Roboto;
            margin-bottom: 10px;
            .dxss1 {
                width: 15px;
                height: 16px;
                background-color: rgba(255, 255, 255, 1);
                position: absolute;
                top: 21px;
                left: 16px;
            }

            .dxss2 {
                position: absolute;
                top: 17px;
                left: 35px;
                min-width: 64px;
                height: 22px;
                line-height: 22px;
                color: rgb(40, 36, 38);
                font-size: 16px;
                text-align: left;
                font-family: PingFangSC-bold;
            }

            .dxss3 {
                min-width: 24px;
                height: 17px;
                line-height: 17px;
                color: rgba(97, 97, 97, 1);
                font-size: 12px;
                text-align: left;
                font-family: PingFangSC-regular;
                position: absolute;
                top: 21px;
                left: 310px;
            }

            .dxss4 {
                width: 8px;
                height: 8px;
                background-color: rgba(255, 255, 255, 1);
                position: absolute;
                top: 25px;
                left: 338px;
            }

            .dxss5 {
                width: 8px;
                height: 8px;
                position: absolute;
                top: 18px;
                left: 338px;
                font-size: 10px;
                color: white;
            }

            .dxss_item {
                width: 362px;
                min-height: 102px;
                // border: 1px solid black;
                position: absolute;
                top: 56px;

                .dxss_item1 {

                    // position: absolute;
                    // top: 56px;
                    // left: 25px;
                    width: 322px;
                    height: 102px;
                    margin: 20px 0px;
                    margin-left: 25px;
                    // border: 1px solid black;
                    position: relative;

                    .dxss_item1_one {
                        position: absolute;
                        left: -17px;
                        width: 108px;
                    }

                    .dxss_item1_two {
                        // width: 322px;
                        // height: 102px;
                        position: absolute;
                        top: 1px;
                        left: 111px;
                    }

                    .dxss_item1_three {
                        width: 90px;
                        height: 5px;
                        line-height: 10px;

                        font-size: 10px;
                        // text-align: left;
                        font-family: SourceHanSansSC-regular;
                        position: absolute;
                        top: 30px;
                        left: 117px;
                        z-index: 9999;
                        color: white;
                        border-radius: 25px;
                        background-color: #f13c2f;

                    }

                    .dxss_item1_four {
                        width: 50px;
                        height: 15px;
                        line-height: 15px;
                        color: rgb(239, 46, 37);
                        font-size: 10px;
                        text-align: left;
                        font-family: SourceHanSansSC-regular;
                        position: absolute;
                        top: 30px;
                        left: 215px;
                    }

                    .dxss_item1_five {
                        min-width: 60px;
                        height: 17px;
                        line-height: 17px;
                        color: rgba(40, 36, 38, 1);
                        font-size: 12px;
                        text-align: left;
                        font-family: PingFangSC-regular;
                        position: absolute;
                        top: 51px;
                        left: 111px;
                    }

                    .dxss_item1_six {
                        position: absolute;
                        top: 84px;
                        left: 113px;
                        min-width: 33px;
                        height: 22px;
                        line-height: 17px;
                        color: rgb(225, 7, 7);
                        font-size: 12px;
                        text-align: left;
                        font-family: PingFangSC-bold;
                    }

                    .dxss_model1 {
                        width: 17px;
                        height: 17px;
                        line-height: 20px;
                        border-radius: 2px;
                        background-color: rgba(225, 7, 7, 1);
                        color: rgba(16, 16, 16, 1);
                        font-size: 14px;
                        text-align: center;
                        font-family: Roboto;
                        border: 1px solid rgba(255, 0, 0, 0);
                        position: absolute;
                        top: 51px;
                        left: 174px;
                        color: white;
                    }

                    .dxss_model2 {
                        width: 17px;
                        height: 17px;
                        line-height: 20px;
                        border-radius: 2px;
                        background-color: rgba(225, 7, 7, 1);
                        color: rgba(16, 16, 16, 1);
                        font-size: 14px;
                        text-align: center;
                        font-family: Roboto;
                        border: 1px solid rgba(255, 0, 0, 0);
                        position: absolute;
                        top: 51px;
                        left: 201px;
                        color: white;
                    }

                    .dxss_model3 {
                        width: 17px;
                        height: 17px;
                        line-height: 20px;
                        border-radius: 2px;
                        background-color: rgba(225, 7, 7, 1);
                        color: rgba(16, 16, 16, 1);
                        font-size: 14px;
                        text-align: center;
                        font-family: Roboto;
                        border: 1px solid rgba(255, 0, 0, 0);
                        position: absolute;
                        top: 51px;
                        left: 228px;
                        color: white;
                    }

                    .dxss_model4 {
                        width: 14px;
                        height: 20px;
                        line-height: 20px;
                        color: rgba(40, 36, 38, 1);
                        font-size: 14px;
                        text-align: left;
                        font-family: PingFangSC-regular;
                        position: absolute;
                        top: 50px;
                        left: 192px;
                        text-align: center;
                    }

                    .dxss_model5 {
                        width: 14px;
                        height: 20px;
                        line-height: 20px;
                        color: rgba(40, 36, 38, 1);
                        font-size: 14px;
                        text-align: left;
                        font-family: PingFangSC-regular;
                        position: absolute;
                        top: 50px;
                        left: 219px;
                        text-align: center;
                        
                    }

                    .dxss_btn {
                        position: absolute;
                        top: 70px;
                        left: 244px;
                        width: 80px;
                        height: 31px;
                        line-height: 20px;
                        border-radius: 27px;
                        background-color: rgba(26, 177, 227, 1);
                        color: rgba(16, 16, 16, 1);
                        font-size: 14px;
                        text-align: center;
                        font-family: Roboto;
                        border: 0px;
                        color: white;
                    }
                }
            }

        }
    }
}